<script setup>
import { reactive } from 'vue'

const items = reactive([
    {
        to: 'comment',
        title: '评论'
    },
    {
        to: 'config',
        title: '配置'
    },
    {
        to: 'console',
        title: '请求控制台'
    },
    {
        to: 'request',
        title: '请求详情'
    },
    {
        to: 'upload',
        title: '上传文件'
    }
])
</script>

<template>
    <h1>通用组件文档</h1>
    <ul>
        <li v-for="item in items">
            <RouterLink :to="item.to">{{ item.title }}</RouterLink>
        </li>
    </ul>
</template>
